<template>
  <div class="modal-index">
    <je-modal v-model:visible="visibleModule" title="列表打印" :resize="false" @close="cancelModal">
      <div class="modal-index-content">
        <ListPrint :record-data="recordData" />
      </div>
    </je-modal>
  </div>
</template>

<script>
  import { defineComponent, ref, reactive, onMounted, nextTick } from 'vue';
  import { Modal } from '@jecloud/ui';
  import ListPrint from './index.vue';

  export default defineComponent({
    name: 'ModalListPrint',
    components: {
      JeModal: Modal,
      ListPrint,
    },
    props: {
      recordData: {
        type: Object,
        default: () => {
          return {};
        },
      },
    },
    emits: ['btnClick'],
    setup(props, { emit }) {
      const cancelModal = () => {
        emit('btnClick');
      };
      return {
        visibleModule: true,
        cancelModal,
      };
    },
  });
</script>
<style lang="less" scoped>
  .modal-index-content {
    height: 100%;
    padding-bottom: 20px;
    .list-print {
      border: 1px solid #e6e6e6;
      .vxe-table--render-default.size--middle .vxe-header--column.col--ellipsis {
        height: 40px;
      }
    }
  }
</style>
<style lang="less">
  .modal-index-content {
    .list-print {
      .vxe-table--render-default.size--middle .vxe-header--column.col--ellipsis {
        height: 40px;
      }
    }
  }
</style>
